Using vanilla html sucks so I moved to 11ty this afternoon. It was pretty straight forward because this site has very little content so far. I added the blog folder hierarchy and kept the posts as .md files.
Here is what my .eleventy.js file looks like so far. It's pretty basic and works great right now.
module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy('src/css');
eleventyConfig.addPassthroughCopy('src/js');
eleventyConfig.addPassthroughCopy('src/images');
eleventyConfig.on('beforeBuild', () => {
console.log('Input Dir:', eleventyConfig.dir.input);
console.log('Includes Dir:', eleventyConfig.dir.includes);
});
eleventyConfig.addShortcode('currentBuildDate', () => {
return new Date().toLocaleString('en-US');
});
return {
dir: {
input: 'src',
includes: '_includes', // This line is important
output: 'dist',
},
templateFormats: ['md', 'njk', 'html'],
markdownTemplateEngine: 'njk',
htmlTemplateEngine: 'njk',
dataTempalteEngine: 'njk',
};
};
My folder hierarchy look like this: